Estoy tratando de crear una página web independiente que use React 18:
<!DOCTYPE html> <html lang="en"> <head> <title>Hello React!</title> <script crossorigin src="https://unpkg.com/react@18/umd/react.development.js"></script> <script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script> <script src="https://unpkg.com/babel-standalone@6.26.0/babel.js"></script> </head> <body> <div id="root"></div> <script type="text/babel"> const root = ReactDOM.createRoot(document.getElementById("root")); root.render(<h1>Hello React!</h1>); </script> </body> </html>Aunque técnicamente la página funciona, veo este mensaje de error en la consola:
Advertencia: está importando createRoot desde "react-dom", que no es compatible. En su lugar, debe importarlo desde "react-dom/client".
No estoy seguro de qué cambiar en mis etiquetas de script ya que estoy usando los enlaces CDN sugeridos. Hubiera pensado que existiría un archivo llamado react-dom-client.development.js , pero no lo veo:
https://unpkg.com/browse/react-dom@18.0.0/cjs/
¿Alguna sugerencia?
Puede ignorar esta advertencia. Se acerca una solución: https://github.com/facebook/react/issues/24292#issuecomment-1091690844